<div data-page="user_info_main" class="page no-swipeback" id="user_info_main_page">

	<style>
		.list-block-style {
			margin-bottom: 10px;
			margin-top: 0px;
			margin-left: 0px;
			font-size: 15px;
		}
		
		.item-content-style {
			height: 30px;
		}
		/* 头部登陆 */
		
		.login {
			position: relative;
			background-color: rgb(14, 170, 227);
			background-repeat: no-repeat;
			background-size: contain;
			width: 100%;
			height: 100px;
		}
		
		.loginbg {
			width: 100%;
		}
		
		.login .personal_logo {
			position: absolute;
			left: 0;
			top: 45px;
			width: 50px;
			height: 50px;
			margin-left: 10px;
		}
		
		.login .userinfo {
			position: absolute;
			top: 45px;
			margin-left: 70px;
		}
		
		.login .userinfo .title {
			font-size: 17px;
			color: #fff;
			position: absolute;
			width: 200px;
			top: 10px;
		}
		
		.login .userinfo .subtitle {
			font-size: 12px;
			color: #fff;
			display: inline-block;
			padding: 0px;
			margin-top: 0px;
			position: absolute;
			width: 150px;
			top: 25px;
		}
		
		.login .userLink {
			position: absolute;
			top: 50px;
			right: 10px;
			border: 1px solid #fff;
			color: #fff;
			width: 50px;
			height: 20px;
			border-radius: 5px;
			text-align: center;
		}
		
		.login .userLink .more {
			height: 20px;
			right: 10px;
			top: 50px;
			font-size: 12px;
		}
		/* 设置条目 */
		
		.item {
			height: 50px;
			line-height: 50px;
			padding-left: 15px;
			background-color: #fff;
		}
		
		.item_ico {
			float: left;
			width: 20px;
		}
		
		.item_arrow {
			float: right;
			width: 16px;
			padding: 17px 15px 15px 0;
		}
		
		.presshover {
			background-color: #FAFAFA;
		}
		
		.imageList {
			width: 20%;
			height: 60px;
			float: left;
			padding-left: 2px;
			padding-right: 2px;
			border-radius: 10px;
		}
		
		.modal-button {
			width: 100%;
			padding: 0 5px;
			/*height: 44px;*/
			font-size: small;
			/*line-height: 44px;*/
			text-align: center;
			color: #887F7F;
			background: #e8e8e8;
			display: block;
			position: relative;
			white-space: nowrap;
			text-overflow: ellipsis;
			/*overflow: hidden;*/
			cursor: pointer;
			box-sizing: border-box;
			-webkit-box-flex: 1;
			-ms-flex: 1;
		}
		.navbar:after{
			height: 0px;
		}
	</style>
	<div class="navbar" style="background-color:white;">
		<div class="navbar-inner">
			<div class="left backMain">
				<a href="#" class="link backMain">
					<i class="icon icon-angle-left" style="color:#15191c;"></i> 
					<span style="color:#15191c;">返回</span>
				</a>
			</div>
			<div class="center">
			</div>
			<div class="right">
			</div>
		</div>
	</div>
	
	<div class="toolbar tabbar tabbar-labels">
		<div class="toolbar-inner">
			<div class="row" style="width:100%">
				<!-- Each "cell" has col-[widht in percents] class -->
				<div class="col-20">
				<a href="html/service/myServiceList.html" class="a-link item-link item-link no-animation " style="padding-top:2px;text-align: center;">
					<div class="toolbar-foot-up">
						<img src="image/toolbarimage/message_dark.png"  width="40%"/>
					</div>
					<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">消息</span></div>
				</a>
				</div>
				<div class="col-20">
					<a href="html/maillist/maillist.html" class="a-link item-link item-link no-animation " style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/addressbook_dark.png" width="40%" />
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">通讯录</span></div>
					</a>
				</div>
				<div class="col-20">
					<a href="html/community/communityMain.html" class="a-link item-link item-link no-animation " style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/circle_dark.png" width="40%"/>
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">圈</span></div>
					</a>
				</div>
				<div class="col-20">
					<a href="html/nearby/nearbyMain.html" class="a-link item-link item-link no-animation" style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/nearby_dark.png" width="40%" />
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">附近</span></div>
					</a>
				</div>
				<div class="col-20">
					<a href="html/user/userInfo.html" class="a-link item-link item-link no-animation active" style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/mine_blue.png" width="40%" />
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">我</span></div>
					</a>
				</div>
			</div>
		</div>
	</div>

	<div class="page-content" style="overflow-x: hidden;">
		<div class="login" onclick="" tapmode>
			<img id="user_info_userImage" alt="" class="personal_logo">
			<div class="userinfo">
				<div class="title" id="user_info_userName">
				</div>
			</div>
			<a id="user_info_viewInfo_link">
				<div class="userLink">
					<span class="more">资料</span>
					<span class="icon-angle-right"></span>
				</div>
			</a>
		</div>
		<div class="card" style="margin-left: 1px;margin-right: 1px;box-shadow: none;">
			<div class="card-content">
				<div class="list-block">
					<a id='user_info_dynamic_have_link' class="item-link">
						<div class="item-content" style="padding-left: 0px;">
							<div class="item-inner">
								<div style="width: 20%;">
									<div style="text-align: center;font-size: 16px;color: #ddd">
										个人动态
									</div>
									<div id="user_info_dynamicNum" style="text-align: left;font-size: 25px;color: #ddd;padding-left: 10px;">

									</div>
								</div>
								<div id="user_info_dynamicImage" style="width:80%; ">

								</div>
							</div>
						</div>
					</a>
					<a id='user_info_dynamic_none_link' class="link">
						<div class="item-content item-content-style ">
							<div class="item-media ">
								<img src="image/setting/ic_setting_.png " class="item_ico " />
							</div>
							<div class="item-inner " style="content:none ">
								<div class="item-title ">
									个人动态
								</div>
								<div id="user_info_dynamicNum" class="item-text " style="height: 20px;font-size: 14px; ">
									发布第一条个人动态
								</div>
							</div>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!-- 第一块 -->
		<div class=" list-block list-block-style ">
			<ul>
				<li>
					<a href="html/user/user_info_visitor.html" class="item-link ">
						<div class="item-content item-content-style ">
							<div class="item-media ">
								<img src="image/setting/ic_setting_visitors.png " class="item_ico " />
							</div>
							<div class="item-inner " style="content:none ">
								<div class="item-title ">
									谁看过我
								</div>
								<div id="user_info_visitorNum" class="item-text " style="height: 20px;font-size: 14px; ">

								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<div class="item-content item-content-style ">
						<div class="item-media ">
							<img src="image/setting/ic_setting_vip_year.png " class="item_ico " />
						</div>
						<div class="item-inner ">
							<div class="item-title ">
								会员中心
							</div>
							<div class="item-text " style="height: 20px;font-size: 14px;" id="user_level_name">
								
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="# " onclick="user_QR_panel()" class="item-link ">
						<div class="item-content item-content-style ">
							<div class="item-media ">
								<img src="image/setting/ic_setting_QRCode.png " class="item_ico " />
							</div>
							<div class="item-inner ">
								<div class="item-title ">
									二维码名片
								</div>
								<div id="QR_code" hidden="hidden">
									
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a href="# " onclick="user_share_QR()" class="item-link ">
						<div class="item-content item-content-style ">
							<div class="item-media ">
								<img src="image/setting/ic_setting_share.png " class="item_ico " />
							</div>
							<div class="item-inner ">
								<div class="item-title ">
									分享二维码名片
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a class="item-link " id="collection_link">
						<div class="item-content item-content-style ">
							<div class="item-media ">
								<img src="image/setting/ic_setting_like.png " class="item_ico " />
							</div>
							<div class="item-inner ">
								<div class="item-title ">
									收藏
								</div>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<!-- 第二块 -->
		<div class=" list-block list-block-style ">
			<ul>
				<li>
					<a href="html/user/setting.html " class="item-link ">
						<div class="item-content item-content-style ">
							<div class="item-media ">
								<img src="image/setting/ic_setting_setting.png " class="item_ico " />
							</div>
							<div class="item-inner ">
								<div class="item-title ">
									设置
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a href="html/user/help.html" class="item-link ">
						<div class="item-content item-content-style ">
							<div class="item-media ">
								<img src="image/setting/ic_setting_help.png " class="item_ico " />
							</div>
							<div class="item-inner ">
								<div class="item-title ">
									帮助
								</div>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>